jQuery(function ($) {

    //获取验证码
    let timeRun = 60
    let validForm = new ValidForm()
    //获取邮箱验证码：
    $('#getcheckcode').on('click', function () {

        $(this).text(timeRun + 's后从新发送').prop('disabled', true)

        //向后端获取邮箱验证码：
        let email = $('#useremail').val()
        if (validForm.isValidEmail(email)) {
            $.ajax({
                type: 'POST',
                url: 'http://localhost:10001/postCode',
                data: {
                    email
                },
                success: function (result) {
                    console.log(result);
                }
            })
        } else {
            alert('你的邮箱不正确！')
            $(this).text('取验证码').prop('disabled', false)
            return
        }

        let timer = setInterval(() => {

            if (timeRun <= 0) {
                clearInterval(timer)
                $(this).text('取验证码').prop('disabled', false)
                timeRun = 60
            } else {
                timeRun--
                $(this).text(timeRun + 's后发送')
            }

        }, 1000)
    })


    //验证邮箱
    $('#useremail').on('change', function () {
        valid('#useremail', 'isValidEmail')
    })

    //验证昵称：
    $('#nickname').on('change', function () {
        valid('#nickname', 'isValidNickName')
    })

    //验证密码：
    $('#userpassword').on('change', function () {
        valid('#userpassword', 'isPwd')
    })

    //校验验证码：
    $('#checkcode').on('change', function () {
        valid('#checkcode', 'isValidCode')
    })


    //发起Ajax请求前表单校验：
    $('#btnregsiter').on('click', function () {
        let isEntry = false
        let isHasErr = false
        $('.form-control').each(function () {
            let value = $(this).val()
            // console.log(value);
            let proName = $(this).next().attr('name')
            // console.log(proName);
            if (value === '') { //只要有一个值为空都能进来这里
                isEntry = true
                isHasErr = false
                return
            }
            if (proName === '1') { //只要有一个是错误的！
                isHasErr = true
                return
            }

        })
        if (isEntry == false && isHasErr == false) {
            // console.log(5555); //这个时候才能发送ajax请求
            //获取用户信息
            let userInfo = {}
            $('.form-control').each(function () {
                let u_nick = $(this).attr('id')
                userInfo[u_nick] = $(this).val()
            })
            // console.log(userInfo);

            let jq = jQuery.noConflict(); //解决$.ajax is not a function冲突问题
            jq.ajax({
                type: 'POST',
                url: 'http://localhost:10001/register',
                data: userInfo,
                success: function (result) {
                    console.log(result);
                }
            })
        }

    })

    $('#tologin').on('click', function () {
        location.href = '/login'
    })

})